﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>焦卓的简历</title>
    <link rel="stylesheet" href="css/animate.css" type="text/css"/>
    <link rel="stylesheet" href="css/index.css" type="text/css"/>
    <link rel="stylesheet" href="css/style.css">
    <link rel="shortcut icon" href="bitbug_favicon.ico" type="image/x-icon">
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/wow.min.js" type="text/javascript"></script>
    
</head>

<body>
<div class="index01">
    <div class="indexs"></div>
    <div class="index01_1">
        <p>Resume</p>
        <ul>
            <li><p>个人简介</p></li>
            <li><p>学习/兴趣</p></li>
            <li><p>技能/作品</p></li>
            <li><p>请联系我</p></li>
        </ul>
    </div>
</div>
<div class="index02">
    <div class="index02_1">
        <div class="intro">
            <h2>焦卓</h2>
            <p>Never forget to do your best and love yourself !</p>
            <p>做一只成功的前端工程狮 ！！！</p>
        </div>
        <div class="mscBtn" id="audioBtn">
            <img class='myPhoto' src="picture/index06.jpg"/>
            <img class="animate" src="picture/index07.png"/>
        </div>
        

        </div>
        <img class="index02_2" src="picture/index08.png"/>
        <audio id="bgMusic" src="audio/xiaguang.mp3" autoplay loop></audio>
    </div>
</dv>
<div class="index03 index03_me">
    <div class="index03_1">
        <h2 class="wow slideInLeft">简介要简！</h2>
        <p class="wow slideInRight">
            曾经, 我是一名专科生, 进入大学后, 我接触到了it, 开始对计算机语言感兴趣, 渐渐地, 自己对于网页的前端开发更为感兴趣比如html、css、JavaScript、node.js、Ajax、angular.js、H5的canvas动画等等，毕业后进入了一家新公司工作学习，可以熟练使用前端的一些基本框架，比如pc端开发jquery-ui.js、jquery-easing.js、wow.js、fullpage.js等，移动端的zepto.js、jquery-mobile.js、touch.js等有独立编写js代码以及使用jquery框架的能力，兴趣是最好的老师,我相信,以后我的能力一定能达到公司发展的要求。
        </p>
    </div>
</div>
<div class="index03 index04">
    <div class="index03_1 wow slideInUp">
        <h2>学习啊学习！</h2>
        <div>
            <p class="pds">武汉软件工程职业学院</p>
            <p>俗话说女怕嫁错郎，男怕入错行，我是不会告诉你我的第一份工作是做服务的！</p>
            <p class="pds">W3school</p>
            <p>我是一个被web拯救的孩子！</p>
            <p class="pds">各大博客，论坛，公众号</p>
            <p>游离在各大网站的吃瓜小码农</p>

        </div>
    </div>
    <div class="index03_1 wow slideInUp">
        <h2>就是喜欢这个</h2>
        <div>
            <p class="pds">失去电脑，世界将会怎样！！</p>
            <p>混迹b站，a站，玩得转lol，打得了斗地主，人送称号acgn小王子</p>
            <p class="pds">失去it，世界将会怎样！！</p>
            <p>看到酷炫的特效就想玩，也甭考虑啥性能，总归是代码虐我千百遍，我待代码如初恋（ie表示不服）</p>
        </div>
    </div>
    <div class="index03_1 wow slideInUp">
        <h2>工作经历</h2>
        <div>
            <p class="pds">南京锐盛互联科技有限公司</p>
            <p>是一家专注于互联网营销的技术服务型企业</p>
            <br>
        </div>
    </div>

</div>

<div id="skills" class="skills">
    <div class="canvas">
        <h2 class="wow slideInLeft">我会些啥</h2>
        <div class="skill-grids wow slideInRight">
            <div class="col-md-3">
                <div class="skill-grid">
                    <div class="btn btn-3">html/css</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="skill-grid">
                    <div class="btn btn-5">Javascript</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="skill-grid">
                    <div class="btn btn-4">Jquery</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="skill-grid">
                    <div class="btn btn-1">H5/C3</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="skill-grid">
                    <div class="btn btn-3">Photoshop</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="skill-grid">
                    <div class="btn btn-6">Bootstrap</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="skill-grid">
                    <div class="btn btn-2">ajax</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="skill-grid">
                    <div class="btn btn-3">angular</div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="skill-grid">
                    <div class="btn btn-1">node.js</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class='index05_bg'>
    <div class="index05">
        <h2 class="wow slideInLeft">我做过啥</h2>
        <div class="index05_1 wow slideInRight">
            <ul>
                <li>
                    <h2></h2>
                    <div>
                        <h2>自制小玩具</h2>
                        <p>部分页面的设计</p>
                        <p>全部页面的制作</p>
                        <a href="http://menghuan2333.github.io" target="_Blank">查看网站</a>
                    </div>
                </li>
                <li>
                    <h2></h2>
                    <div>
                        <h2>魔龙契约</h2>
                        <p>整个页面的布局</p>
                        <p>全部页面的制作</p>
                        <a href="http://mlqy.kxwan.com" target="_Blank">查看网站</a>
                    </div>
                </li>
                <li>
                    <h2></h2>
                    <div>
                        <h2>佩尔科技</h2>
                        <p>时间：</p>
                        <p>部分页面的设计</p>
                        <p>全部页面的制作</p>
                        <a href="http://www.peiertech.com/" target="_Blank">查看网站</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="index06">
    <div class="index06_1">
        <h2 class="wow slideInDown">请联系我</h2>
        <div class="index06_2 wow slideInDown">
            <ul>
                <li>
                    <h2>Email</h2>
                    <p>846333248@qq.com</p>
                </li>
                <li>
                    <h2>Adress</h2>
                    <p>湖北省通山县闯王镇小园村一组028号</p>
                </li>
                <li>
                    <h2>Phone</h2>
                    <p>18320810060</p>
                </li>
            </ul>
            <p>别忘了互粉哦！~</p>
            <div class="qq">
                <img src="picture/index18.jpg"/>
                <p>我的QQ二维码</p>
            </div>
            <div class="weixin">
                <img src="picture/index19.jpg"/>
                <p>我的微信二维码</p>
            </div>
        </div>

    </div>
    <footer>
        <p><span>Designed by</span>:john</p>
    </footer>
</div>
</body>
<script src="js/index.js" type="text/javascript"></script>
<script src="js/music.js" type="text/javascript"></script>
<script type="text/javascript">
    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 0,
        mobile: true,
        live: true
    });
    wow.init();
</script>

</html>